<template>
  <el-card class="box-card" style="width: 1180px">   
    <div slot="header" class="clearfix">
      <el-form :inline="true" :model="query">
        <el-form-item>
          <el-button type="success"
            >用户贷款详情</el-button
          >     
        </el-form-item>
      </el-form>
    </div>      
    <el-table :data="debitList" border style="width: 100%">
        <el-table-column prop="diNumber" label="合同号" >
</el-table-column>
      <el-table-column prop="diName" label="姓名" >
      </el-table-column>
      <el-table-column prop="diCreditRating" label="信誉分">
      </el-table-column>
        <el-table-column prop="diTotalMoney" label="总还款费">
      </el-table-column>
      <el-table-column prop="diPayMethod" label="还款方式">
      </el-table-column>
      <el-table-column prop="productName" label="产品名称">
      </el-table-column> 
      <el-table-column prop="productTypeName" label="产品类型">
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script>
export default {
  data() {
    return {
        debitList:[],
      query:{
      },
      addForm:{},
      updateForm:{},
    };
  },
  methods: {
    loadDebits(){
        this.$axios.post("/debits/all")
        .then(res=>{
            this.debitList=res.data.data.debitlist;
        })
    },
  },
  mounted(){
    this.loadDebits();
  }
};
</script>